$(function() {
    let form = layui.form
    form.verify({
            nickname: [
                // 昵称长为1-10个字符
                /^[\S]{1,10}$/
            ]
        })
        // 发送ajax获取用户信息，渲染到页面中
    let layer = layui.layer
    initUserInfo()

    function initUserInfo() {
        axios({
            method: `get`,
            url: `/my/userinfo`
        }).then(res => {
            console.log(res.data.data);
            // 判断
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            // res.data.data给formUserInfo表单中的各个提交表单的元素赋值对应name名的res.data.data
            form.val(`formUserInfo`, res.data.data)
        })
    }
    //表单重置
    // 给form绑定reset事件。给按钮绑定点击事件
    $(`#btnRest`).on(`click`, function(e) {
            //阻止表单的默然行为
            e.preventDefault()
                // 重新渲染
            initUserInfo()
        })
        // 修改用户信息
    $(`form`).on(`submit`, function(e) {
        e.preventDefault()
            // 发送axios
        axios({
            method: `post`,
            url: `/my/userinfo`,
            data: $(this).serialize()
        }).then(res => {
            console.log(res);
            if (res.data.status != 0) {
                return layer.msg(res.data.massage)
            }
            //成功提示
            layer.msg(`修改用户信息成功！`)
                // 调用父页面函数
            window.parent.getUserInfo()
        })
    })
})